<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_JS函数</title>
</head>
<body>
    <script>
        function f1(){
            console.log('f1函数被调用了！');
        }
        f1();
        function f2(n){//形参
            console.log('f2函数被调用了！');
            console.log(n);
        }
        f2(100);//实参
        f2(true);
        f2("hello world");

        //函数可以设置多个参数，且参数个数可以不匹配
        //如果实参个数大于形参个数，多余的实参会被舍弃掉
        //如果实参个数小于形参个数，未被设赋值的形参值为undefined
        function f3(x,y){
            console.log("f3函数被调用了！");
            console.log(x+y);
        }
        f3(10,20);//30
        f3(1,2,3,4);//1+2=3
        f3(1);//1+undefined=NaN

        function f4(a,b){
            console.log("f4函数被调用了！");
            return a+b;
        }
        var result=f4(10,20);
        console.log(result);
        console.log(f4(10,20));

        //匿名函数
        (function(){
            console.log('匿名函数被调用了！');
        })();

        var f5=function(){
            console.log('f5函数被调用了！');
        }
        f5();
        console.log(f5);//保存的是函数的全部内容
        console.log(typeof f5);//变量的类型就是函数类型 function

        //箭头函数
        const f6=()=>{
            console.log('f6函数被调了！');
        }
        f6();
    </script>
</body>
</html>